<script setup>
    import {counterStore} from "../stores/counterStore";
    const counter=counterStore();
    counter.activeIndex="";
</script>

<template>                   
     <el-container style="width: 1200px;margin: auto;background-color: #f8f9f8;padding: 30px;">
        <el-main>
            <p style="font-size: 15px;color: #959292;margin-bottom: 30px;">
                <router-link to="/" style="color: #959292;">首页</router-link> /
                <span style="color: black;">个人中心</span>
            </p>

            <el-row style="height: 500px;">
                <el-col :span="4" style="background-color: #00b99e;color: #fff;font-size: 18px;padding: 20px 0;border-radius: 20px;">
                    <router-link to="/EnterpriseInfo" style="color: #fff;">
                        <div class="nav" style="width: 80%;margin: auto;display: flex;align-items: center;gap: 5px;">
                            <img src="/images/个人中心/u673.svg" style="margin-top: 10px;"> 企业信息
                        </div>
                    </router-link>
                    <router-link to="/Bid" style="color: #fff;">
                        <div class="nav" style="width: 80%;margin: auto;display: flex;align-items: center;gap: 5px;">
                            <img src="/images/个人中心/u674.svg" style="margin-top: 10px;"> 参与投标
                        </div>
                    </router-link>
                    <router-link to="/MyBid" style="color: #fff;">
                        <div class="nav" style="width: 80%;margin: auto;display: flex;align-items: center;gap: 5px;">
                            <img src="/images/个人中心/u675.svg" style="margin-top: 10px;"> 我的投标
                        </div>
                    </router-link>
                </el-col>
                <el-col :span="19" style="background-color: #fff;font-size: 18px;padding: 40px;border-radius: 20px;margin-left: 30px;">
                    <p style="margin-bottom: 20px;"><b>用户名称：</b> admin</p>  
                    <p style="margin-bottom: 20px;"><b>ip属地：  </b> 辽宁省大连市</p>  
                    <p style="margin-bottom: 20px;"><b>所属机构：</b> 企业机构</p>  
                    <p style="margin-bottom: 20px;"><b>手机号码：</b> 15610565780</p>  
                    <p style="margin-bottom: 20px;"><b>当前密码：</b> ●●●●● </p> 
                </el-col>
            </el-row>
            
        </el-main>
    </el-container>
</template>

<style scoped>  
/* 一、全局样式 */
    * {
        margin: 0;
        padding: 0;
    }
    /* 修改a标签样式 */
    a{
        text-decoration: none;
    }

/* 二、导航栏样式 */
    .nav:hover{
        background-color: #fff;
        color: #00b99e;
        border-radius: 20px;
    }
    .nav:hover img{
        filter: brightness(0) saturate(100%) invert(58%) sepia(26%) saturate(1531%) hue-rotate(123deg) brightness(91%) contrast(88%);/* 将图片颜色绿色(#00b99e) */
    }

</style>